<%@ taglib uri="http://java.sun.com/jsf/html" prefix="h"%>
<%@ taglib uri="http://java.sun.com/jsf/core" prefix="f"%>
<%@ taglib uri="http://myfaces.apache.org/tomahawk" prefix="t"%>
<%@ taglib uri="http://richfaces.org/a4j" prefix="a4j"%>
<%@ taglib uri="http://richfaces.org/rich" prefix="rich"%>
<%@ taglib uri="http://jakarta.apache.org/struts/tags-tiles"
        prefix="tiles"%>	


	<rich:dataTable id="invData" var="inv" value="#{adminMemberAgreementPointEnquiryBean.historyInvoiceList}" rows="20" width="99%" >
		<rich:column style="text-align:center;width:15%;" >
			<f:facet name="header">
				<h:outputText value="#{messages['invoice.no']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.invoice.invoiceNo}"></h:outputText>
		</rich:column>
		<rich:column style="text-align:center;width:15%;">
			<f:facet name="header">
				<h:outputText value="#{messages['invoide.date']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.invoice.invoiceDate}">
				<f:convertDateTime pattern="dd/MM/yyyy h:mm:s a" timeZone="Asia/Kuala_Lumpur"/>
			</h:outputText>
		</rich:column>
		<rich:column style="text-align:center;width:40%;">
			<f:facet name="header">
				<h:outputText value="#{messages['desc']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.itemDesc}"></h:outputText>
		</rich:column>
		<rich:column style="text-align:left;width:20%;">
			<f:facet name="header">
				<h:outputText value="#{messages['item.type.column']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.itemType}"></h:outputText>
		</rich:column>
		<rich:column style="text-align:center;width:10%;">
			<f:facet name="header">
				<h:outputText value="#{messages['amount']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.itemAmount}">
				<f:convertNumber pattern="#0.00"/>
			</h:outputText>
		</rich:column>
		
		<rich:column style="text-align:center;width:10%;">
			<f:facet name="header">
				<h:outputText value="#{messages['amt.paid.column']}"></h:outputText>
			</f:facet>
			<h:outputText value="#{inv.paidAmount}">
				<f:convertNumber pattern="#0.00"/>
			</h:outputText>
		</rich:column>
	</rich:dataTable>
	
	<rich:spacer height="10" />
	
	<rich:datascroller align="left"  for="invData" maxPages="20" renderIfSinglePage="false" />
	